<template>
  <view class="app-container">
    <view class="top mt-20">
      <u-image
        width="200rpx"
        height="200rpx"
        :src="src"
        :border-radius="20"
      ></u-image>
      <view class="mt-20 u-font-16"> 金掌柜代理端 </view>
    </view>
    <u-cell-group class="mt-20">
      <u-cell-item
        @click="goAccountBalance()"
        bg-color="white"
        :title-style="{ color: '#333333' }"
        title="版本号"
        :value="version"
        :arrow="false"
      >
        <image
          :title-style="{ color: '#333333' }"
          class="icon mr-20"
          slot="icon"
          src="@/static/image/personal/icon_my_0.png"
        />
      </u-cell-item>
    </u-cell-group>
  </view>
</template>

<script>
export default {
  data() {
    return {
      src: '/static/image/home/logo.jpg',
      version: '1.0.0',
    };
  },
  created() {
    // #ifndef H5
    this.getVersion();
    // #endif
    if (uni.getStorageSync('token')) {
      this.hasLogin = true;
    }
  },
  methods: {
    getVersion() {
      this.version = plus.runtime.version;
    },
  },
};
</script>

<style lang="scss" scoped>
.app-container {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-color: #ededed;
}

.top {
  height: 400rpx;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
</style>
